<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CSS3的换行</title>
    <style>
        /* CSS3的换行 */
        /* 如果某个单词太长，不适合在一个区域内，它扩展到外面： */
        /* CSS3中，自动换行属性允许您强制文本换行 - 即使这意味着分裂它中间的一个字： */
        /* CSS代码如下： */
        /* p {word-wrap:break-word;} */

        /* 允许长文本换行: */
        p.test {
            width: 11em;
            border: 1px solid #000000;
            word-wrap: break-word;
        }
    </style>
</head>

<body>

    <p class="test"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word
        will break and wrap to the next line.</p>

</body>

</html>